<script>
_h=h= Math.max(document.documentElement.clientHeight, window.innerHeight || 0);
var sWidth = parseInt((window.innerWidth > 0) ? window.innerWidth : screen.width);
if(sWidth>750){sWidth=750;}
var _rate=(sWidth/750);
if(h<_rate*1206){
	h=_rate*1206;
}

var _mbgFlag=false;
var _mbg=document.getElementById("mbg");
 
$(function(){
	$('.container').width(sWidth).height(h);
    $('.p1-t2').css({"top":_rate*214});
    $('.p1-t3').width(_rate*514).css({"top":_rate*284, "left":_rate*132});
    $('.p1-n1').width(_rate*123).css({"top":0, "left":_rate*504});
    $('.p1-n2').css({"top":_rate*422});
    $('.p1-t4').css({"top":_rate*374});
    $('.yin').width(_rate*135);
    $('.p1-yu').width(_rate*723).css({"top":_rate*184, "left":0});
    $('.p1-btn').width(_rate*337).css({"top":_rate*1002, "left":_rate*214});

    
    $('.p2-t2').css({"top":_rate*102});
    $('.p2-t3').width(_rate*623).css({"top":_rate*290, "left":_rate*68});
    $('.p2-t4').css({"top":_rate*880});
 
    $('.p2-btn').width(_rate*178).css({"top":_rate*1018, "left":_rate*560});

    $('.p3-t1').css({"top":_rate*166});
    $('.p3-t2').css({"top":_rate*382});
    $('.p3-t3').css({"top":_rate*984});

    $('.p3-btn').width(_rate*225).css({"top":_rate*740, "left":_rate*472});
    $('.p3-map').width(_rate*600).height(_rate*538).css({"top":_rate*394, "left":_rate*76});

     
    
    if(h >= _rate*1206){
        var _cha=h - _rate*1300;
        if(_cha < 0){_cha=0;}
        $('.thebg').css({"top":_cha/2});
    }
    var _map = new TMap.Map("p3-map", {
      zoom: 16, // 设置地图缩放级别
      showControl:false,
      center: new TMap.LatLng(30.728293, 121.370462) // 设置地图中心点坐标
    });
    _map.removeControl(TMap.constants.DEFAULT_CONTROL_ID.ZOOM);
    const marker = new TMap.MultiMarker({
      map: _map,
      geometries: [{ //点标注数据数组
        "position": new TMap.LatLng(30.728293, 121.370462),
      }]
    });
   
    $(".p1").fadeIn();
    
  

     
 
    $('.p1-btn').click(function(){
    	 $(".p1").fadeOut();
       $(".p2").fadeIn();
       window.setTimeout(function(){
         $(".p2-btn").removeClass("animated fadeInDown d6s").addClass(" ani25 pulse infinite d3s ");
       }, 1600);
    });
    $('.p2-btn').bind('touchstart click', function(){
       $(".p2").fadeOut();
       $(".p3").fadeIn();
    });
   

   $(".yin").bind('touchstart', function(){
    if(true == _mbgFlag){
      $(".yin").attr("src","./img/yin2.png");
      _mbgFlag=false;
      _mbg.pause();
      }else{
        $(".yin").attr("src","./img/yin.png");
        _mbgFlag=true;
        _mbg.play();
    }
    });


  
  $('.p3').hide().css({"opacity":1});   
  wx.config({
        appId: '<?php echo $signPackage["appId"];?>',
        timestamp: <?php echo $signPackage["timestamp"];?>,
        nonceStr: '<?php echo $signPackage["nonceStr"];?>',
        signature: '<?php echo $signPackage["signature"];?>',
        jsApiList: ['updateAppMessageShareData', 'updateTimelineShareData', 'showMenuItems', 'openLocation']
    });

    $(".p3-btn").click(function(){
      wx.openLocation({
      latitude: 30.728293, // 纬度，浮点数，范围为90 ~ -90
      longitude: 121.370462, // 经度，浮点数，范围为180 ~ -180。
      name: '上海湾区滨海嘉年华海渔文化节', // 位置名
      address: '上海市金山区亭卫南路88弄', // 地址详情说明
      scale: 15, // 地图缩放级别,整型值,范围从1~28。默认为最大
      infoUrl: '' // 在查看位置界面底部显示的超链接,可点击跳转
    });
});     
    
    var _title='邀请函';
	var _desc='2021上海湾区滨海嘉年华海渔文化节 邀请函';
	var _link='http://shhywhj.mei94.com';
	var _imgUrl='http://shhywhj.mei94.com/img/6.jpg';
    wx.ready(function () {
    	wx.updateAppMessageShareData({
    	    title: _title, 
    	    desc: _desc, 
    	    link: _link, 
    	    imgUrl: _imgUrl,success: function () {}
    	  });
    	 wx.updateTimelineShareData({
              title: _desc, 
              link: _link, 
              imgUrl: _imgUrl, success: function () {}});
    });

    _mbgFlag=true;
    _mbg.play();
    document.addEventListener("WeixinJSBridgeReady", function () {	_mbg.play();}, false);
	 
 
 
    
    

});
</script>